<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .content{
            list-style: none;/*去掉li前面的形状*/
        }
        .content li{
            display: inline;/*竖着展示改成横着展示*/

        }
        a{
            text-decoration: none;/*去掉下划线*/
        }
    </style>
</head>
<body>
    <ul class="content">
        <li>首页</li>
        <li>技术</li>
        <li>
            <a href="http://www.baidu.com">
                产品
            </a>
        </li>
        <li>公司风采</li>
        <li>招聘</li>
        <li>联系我们</li>
    </ul>
</body>
</html>